// index.ts
// 获取应用实例
const app = getApp<IAppOption>()

Page({


  /**
   * 页面的初始数据
   */
  data: {
    menuList: [
      { index: 0, name: "关注" },
      { index: 1, name: "推荐" },
      { index: 2, name: "后端" },
      { index: 3, name: "前端" },
      { index: 4, name: "数据库" },
      { index: 5, name: "设计" },
      { index: 6, name: "AI" },
      { index: 7, name: "操作系统" }
    ],
    active: 1,
    article: '文章内容',
    articles: [
      {
        id: '1',
        title: '小程序开发最佳实践与性能优化技巧',
        excerpt: '本文介绍了小程序开发中的一些最佳实践和性能优化技巧，帮助开发者构建更流畅的用户体验。',
        imageUrl: '/images/article1.jpg',
        author: {
          name: '张开发',
          avatar: '/images/avatar1.jpg'
        },
        publishTime: Date.now() - 3600000, // 1小时前
        readCount: 1243,
        likeCount: 89
      },
      {
        id: '2',
        title: 'UI设计中的色彩搭配原则与应用案例',
        excerpt: '探索UI设计中的色彩理论，以及如何在实际项目中应用这些原则创造出令人惊艳的界面。',
        imageUrl: '/images/article2.jpg',
        author: {
          name: '李设计',
          avatar: '/images/avatar2.jpg'
        },
        publishTime: Date.now() - 86400000, // 1天前
        readCount: 876,
        likeCount: 65
      },
      {
        id: '3',
        title: '前端框架对比：React、Vue和Angular的优劣势分析',
        imageUrl: '/images/article3.jpg',
        author: {
          name: '王架构',
          avatar: '/images/avatar3.jpg'
        },
        publishTime: Date.now() - 604800000, // 1周前
        readCount: 2356,
        likeCount: 156
      }
    ]
  },
  /**
   * searchOnChange
   */
  
  searchOnChange() {
    console.log('zhixingle');
    wx.navigateTo({
      url: '../search/search'
    })
  },
  /**
   * 文章卡片点击事件处理
   */
  onArticleTap(e) {
    const articleId = e.detail.articleId;
    // 跳转到文章详情页
    wx.navigateTo({
      url: `/pages/article-detail/article-detail?id=${articleId}`
    });
  },
  onChange(event) {
    wx.showToast({
      title: `切换到标签 ${event.detail.name}`,
      icon: 'none',
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})